<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  <title>色谱报告</title>
  <!--标准mui.css-->
  <link rel="stylesheet" href="../css/mui.min.css" />
  <script src="../js/mui.min.js"></script>
  <!--App自定义的css-->
  <link rel="stylesheet" type="text/css" href="../css/app.css" />
  <script src="../js/vue.js"></script>
  <script src="../js/jquery-3.6.0.min.js"></script>
  <script src="../js/sm2.js"></script>
  <script src="../js/sm3.js"></script>
  <script src="../js/feedback.js"></script>
  <script src="../js/clipboard.js"></script>
  <script src="../js/flexible.js"></script>
  <script src="../wx/uap.js"></script>
  <script src="../js/vconsole.min.js"></script>
  <!-- 监听手机的返回键 -->
  <!-- <script src="../js/aa.js"></script> -->
  <script src="./text.js" type="text/javascript"></script>
  <style>
    .trainTicketstitle {
      background-image: linear-gradient(to right,
          rgb(13, 121, 131),
          rgb(25, 179, 182));
      /* background-image: linear-gradient( to right, rgb(13, 121, 131), rgb(25, 179, 182) ); */
      height: 2.43rem;
      width: 100%;
      padding: 0.3rem 0.2rem;
      color: #fff;
    }

    input[type="text"] {
      /* margin: 0rem 0 .1rem 0; */
      width: 100%;
      height: 100%;
      padding: 0;
      line-height: 1rem;
      margin-bottom: 0.1rem;
    }

    .productData input[type="text"] {
      /* margin: 0rem 0 .1rem 0; */
      width: 100%;
      height: 100%;
      line-height: 1rem;
      margin-bottom: 0rem;
      text-align: center;
    }

    .mui-btn-blue,
    .mui-btn-primary,
    input[type="submit"] {
      background-color: rgb(25, 179, 182);
      color: #fff;
      border: 1px solid rgb(25, 179, 182);
      border-radius: 4px;
      margin-right: 10px;
    }

    .trainTickets {
      /* display: flex; */
      height: 100%;
    }

    .left {
      text-align: center;
      line-height: 1rem;
    }

    .left a {
      line-height: 0.5rem;
      color: #fff;
    }

    .left .left1 {
      position: absolute;
      left: 0.3rem;
      top: 0.35rem;
    }

    .left :nth-child(1) span {
      line-height: 2rem;
      color: #fff;
    }

    .left :nth-child(2) span {
      line-height: 2rem;
      color: #fff;
    }

    .file-input {
      opacity: 0;
      height: 100%;
      width: 100%;
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
    }

    .top {
      height: 10rem;
      width: 100%;
      box-sizing: border-box;
      font-size: 0.4rem;
      /* border: 3px dashed rgb(25, 179, 182); */
      position: relative;
      border-radius: 10px;
      padding: 0.3rem;
      margin-bottom: 0.3rem;
      position: relative;
      margin-top: 1rem;
      background: #fff;
      /* width: 80%;
          height: 80%; */
    }

    /* .bgcImg {
      width: 60%;
      height: 3rem;
      margin: 0 auto;
      background: url("../image/printTop.png") center;
      background-size: 100% 100%;
      margin-top: 2.5rem;
      margin-bottom: 3.3rem;
    } */

    .frontandback {
      /* position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); */
      font-size: 0.34rem;
      padding: 0.1rem 0.2rem;
      /* border-radius: 6%;
          background: rgb(179, 179, 179);
          opacity: 0.8;
          color: #fff;
          border-radius: 10px; */
    }

    /* .arrow{
      position: fixed;
    } */
    .head {
      position: fixed;
      background-color: #fff;
      margin: 0.32rem auto;
      width: 7.04rem;
      color: #333;
    }

    .head .title {
      display: flex;
      justify-content: flex-start;
      height: 0.84rem;
    }

    .head .title h4 {
      position: absolute;
      left: 0.74rem;
      top: 0.2rem;
      font-size: 0.32rem;
      width: 6.2rem;
      /* height: .84rem; */
      text-align: left;
      /* line-height: .84rem; */
      /* border-bottom:1px dashed rgb(25, 179, 182); */
    }

    .head .line {
      position: absolute;
      width: 6.3rem;
      top: 0.72rem;
      left: 0.36rem;
      border-bottom: 1px dashed rgb(25, 179, 182);
    }

    /* 中间 */
    .list {
      width: 7.04rem;
      margin: 0 auto;
      background-color: #fff;
      height: calc(100% - 3.8rem - env(safe-area-inset-bottom));
      overflow-y: scroll;
    }

    .productsDescription {
      background-color: #fff;
      text-align: center;
      padding: 0.1rem;
    }

    .productsDescription .title {
      display: flex;
      justify-content: flex-start;
      height: 0.84rem;
      /* position: relative; */
      /* height: 1rem; */
    }

    .productsDescription .title h4 {
      position: absolute;
      left: 0.74rem;
      top: 0.2rem;
      font-size: 0.32rem;
      width: 6.2rem;
      /* height: .84rem; */
      text-align: left;
      /* line-height: .84rem; */
      /* border-bottom:1px dashed rgb(25, 179, 182); */
    }

    .bar {
      position: absolute;
      width: 0.06rem
        /* 1/100 */
      ;
      left: 0.36rem;
      top: 0.2rem;
      height: 0.3rem
        /* 1/100 */
      ;
      background: #0e7677;
      border-radius: 3px;
    }

    .leftCircle {
      width: 0.15rem;
      height: 0.2rem;
      background-color: rgb(13, 121, 131);
      border-top-right-radius: 0.1rem;
      border-bottom-right-radius: 0.1rem;
      position: absolute;
      /* top: 1.8rem;
      left: 0.35rem; */
      top: 0.6rem;
      left: -0.01rem;
    }

    .rightCircle {
      width: 0.15rem;
      height: 0.2rem;
      background-color: rgb(25, 179, 182);
      border-top-left-radius: 0.1rem;
      border-bottom-left-radius: 0.1rem;
      position: absolute;
      top: 0.6rem;
      right: -0.01rem;
    }

    .productsDescription .line {
      position: absolute;
      width: 6.3rem;
      top: 0.72rem;
      left: 0.36rem;
      border-bottom: 1px dashed rgb(25, 179, 182);
    }

    .description {
      background-color: #fff;
      padding: 0.1rem;
    }

    .description li {
      width: 100%;
      height: 0.85rem;
      display: flex;
      text-align: left;
      padding-top: 0.1rem;
      justify-content: flex-start;
      align-content: flex-start;
    }

    .description li p {
      font-size: 0.3rem;
      line-height: 0.8rem;
      width: 35%;
    }

    .productsDescription .description li span {
      width: 65%;
      line-height: 0.9rem;
      /* padding-bottom: 0.06rem; */
      border-bottom: 0.01rem dashed #aeaeb3;
      display: flex;
      justify-content: space-around;
      flex-wrap: nowrap;
    }

    .productData {
      margin-top: 0.2rem;
    }

    .productData :nth-child(1) ul {
      padding: 0 0.2rem;
    }

    .four {
      padding-bottom: 0.2rem;
      border-bottom: 0.01rem dashed #aeaeb3;
    }

    .productComparison {
      margin-top: 0.2rem;
      padding-bottom: 0.6rem;
    }

    .productComparison .description li span {
      width: 65%;
      line-height: 0.9rem;
      padding-bottom: 0.06rem;
      border-bottom: 0.01rem dashed #aeaeb3;
    }

    .form {
      padding: 0.2rem;
      line-height: 0.5rem;
      /* background: #fff; */
      margin: 0.2rem 0.2rem 0.2rem;
    }

    /* 底部 */
    .foot {
      position: fixed;
      justify-content: space-around;
      bottom: 0;
      left: 0;
      background-color: #fff;
      width: 100%;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      padding: 0.15rem 0.4rem;
      display: flex;
    }

    .foot button {
      width: 2.1rem;
      height: 0.96rem;
      box-shadow: 0px 8px 8px 0px rgba(4, 124, 137, 0.05);
      border-radius: 4px;
    }

    .foot .edit {
      background: #ffffff;
      border: 2px solid #0e7677;
      font-weight: 600;
      color: #0e7677;
    }

    .foot .sendOut {
      background: #0e7677;
      font-weight: 600;
      color: #ffffff;
    }

    #mod {
      width: 85%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: nowrap;
      text-align: center;
      line-height: 0.8rem;
      border-bottom: none;
    }

    .home {
      font-family: Muiicons;
      font-size: 0.5rem;
      font-weight: 400;
      font-style: normal;
      line-height: 1;
      display: inline-block;
      text-decoration: none;
      -webkit-font-smoothing: antialiased;
    }

    .home:before {
      content: "\e471";
    }

    /* .line1 {
      position: absolute;
      top: 0;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 111;
    }

    .lineFlag1 {
      display: none;
      width: 100%;
      -webkit-animation: bounce-down1 2s linear infinite;
      animation: bounce-down1 2s linear infinite;
    } */

    @-webkit-keyframes bounce-down1 {
      25% {
        -webkit-transform: translateY(1.5rem);
      }

      50% {
        -webkit-transform: translateY(4rem);
      }

      100% {
        -webkit-transform: translateY(7.5rem);
      }
    }

    @keyframes bounce-down1 {
      25% {
        transform: translateY(7.5rem);
      }

      50% {
        transform: translateY(4rem);
      }

      100% {
        transform: translateY(0);
      }
    }

    /* .line {
      position: absolute;
      top: 0.3rem;
      left: 0px;
      width: 100%;
      height: 9.2rem;
      z-index: 111;
    }

    .lineFlag {
      display: none;
      width: 100%;
      -webkit-animation: bounce-down 2s linear infinite;
      animation: bounce-down 2s linear infinite;
    } */

    @-webkit-keyframes bounce-down {
      25% {
        -webkit-transform: translateY(0.15rem);
      }

      50% {
        -webkit-transform: translateY(4.55rem);
      }

      100% {
        -webkit-transform: translateY(9.2rem);
      }
    }

    @keyframes bounce-down {
      25% {
        transform: translateY(9.2rem);
      }

      50% {
        transform: translateY(4.55rem);
      }

      100% {
        transform: translateY(0.15rem);
      }
    }

    .mui-toast-container {
      top: 50%;
    }

    .form .title1 {
      font-size: 0.35rem;
      font-weight: 600;
      color: #333;
      margin-bottom: 0.2rem;
    }

    .clipboardContent {
      background-color: rgb(251, 247, 247);
      padding: 0.4rem;
      position: relative;
      height: calc(100vh - 3.5rem);
    }

    .clipboardContent img {
      width: 0.3rem;
    }

    /* 
    .content1 {
      overflow: scroll;
      height: 100%;
      padding: 0.1rem 0.2rem;
      word-wrap: break-word;
    } */

    .frontandback .bottom2 {
      position: absolute;
      bottom: 0;
      right: 0;
      margin-right: 0.2rem;
      margin-bottom: 0.2rem;
      width: 0.3rem;
    }

    .frontandback .left2 {
      position: absolute;
      top: 0;
      right: 0;
      margin-right: 0.2rem;
      margin-top: 0.2rem;
      width: 0.3rem;
    }

    .frontandback .left1 {
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 0.2rem;
      margin-top: 0.2rem;
      width: 0.3rem;
    }

    .frontandback .bottom1 {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0.3rem;
      margin-left: 0.2rem;
      margin-bottom: 0.2rem;
    }

    .topImg .bottom2 {
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 0.2rem;
      padding-top: 0.2rem;
      width: 0.3rem;
    }

    .bottomImg .left2 {
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 0.2rem;
      width: 0.3rem;
      padding-bottom: 0.2rem;
    }

    .bottomImg .left1 {
      position: absolute;
      bottom: 0;
      right: 0;
      margin-right: 0.2rem;
      width: 0.3rem;
      padding-bottom: 0.2rem;
    }

    .topImg .bottom1 {
      position: absolute;
      right: 0;
      top: 0;
      width: 0.3rem;
      margin-right: 0.2rem;
      padding-top: 0.2rem;
    }

    /* 弹出框 */
    .btn-pop {
      background-color: #ffd475;
      border-radius: 0.1rem;
      zoom: 200%;
    }

    #background-pop {
      display: none;
      position: fixed;
      text-align: center;
      line-height: 0.8rem;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
    }

    /* #div-pop {
      background: #ffffff;
      width: 70%;
      z-index: 1;
      margin: 45% auto;
      overflow: auto;
    } */

    .div-top {
      width: 100%;
      height: auto;
      background-color: rgb(25, 179, 182);
      color: #ffffff;
      display: flex;
      justify-content: space-between;
    }

    .div-top div {
      padding: 3px 5px 5px 8px;
    }

    .div-top div span {
      color: white;
      margin-bottom: 10px;
      margin-left: 20px;
      cursor: pointer;
      float: right;
    }

    /* 
    .div-content {
      width: auto;
      height: 200px;
      overflow: auto;
    } */

    .div-footer {
      text-align: center;
      background-color: #f7faff;
    }

    .div-footer button {
      background-color: rgb(25, 179, 182);
      color: #fff;
    }
  </style>
</head>

<body>
  <div id="app">
    <!-- 提示信息 -->
    <div class="is-loading">
      <div class="curtain">
        <div class="loadingBgc">
          <div class="loader"></div>
          <p class="loadingF">正在识别</p>
        </div>
      </div>
    </div>
    <div class="trainTickets">
      <!-- <textarea name="" id="" cols="30" rows="10"></textarea> -->
      <!-- 头部 -->
      <div class="trainTicketstitle">
        <div class="arrow clearfix">
          <div class="left">
            <span class="left1" @click="zhuce">
              <a class="home"></a>
              <!-- <span>返回&gt;</span> -->
            </span>
            <!-- <van-icon name="arrow-left" /> -->
            <span style="font-weight: 600">识别结果</span>
          </div>
        </div>
        <div class="head">
          <div class="title">
            <div class="bar"></div>
            <h4>SF⑥气体温度、纯度及分解产物试验报告</h4>
          </div>
          <div class="leftCircle"></div>
          <div class="rightCircle"></div>
          <div class="line"></div>
        </div>
      </div>
      <!-- 中间 -->
      <div class="list">
        <div class="productsDescription">
          <div class="main">
            <div>
              <ul class="description">
                <li>
                  <p>变电站</p>
                  <span><input id="test" type="text" v-model="signRule['变电站']" :style='{"color":colors["变电站"]}'
                      style="border-style: none" readonly /></span>
                </li>
                <li>
                  <p>试验日期</p>
                  <span><input id="test" type="text" v-model.trim="signRule['试验日期']" :style='{"color":colors["试验日期"]}'
                      style="border-style: none" readonly /></span>
                </li>
                <li>
                  <p>环境温度(%)</p>
                  <span><input id="test" type="text" v-model="signRule['环境湿度']" :style='{"color":colors["环境湿度"]}'
                      style="border-style: none" readonly /></span>
                </li>
                <li>
                  <p>设备名称</p>
                  <span><input id="test" type="text" v-model="signRule['设备名称']" :style='{"color":colors["设备名称"]}'
                      style="border-style: none" readonly="readonly" /></span>
                </li>
                <li>
                  <p>设备编号</p>
                  <span><input id="test" type="text" v-model="signRule['设备编号']" :style='{"color":colors["设备编号"]}'
                      style="border-style: none" readonly="readonly" /></span>
                </li>
                <li>
                  <p>电压等级(kV)</p>
                  <span><input id="test" type="text" v-model="signRule['电压等级']" :style='{"color":colors["电压等级"]}'
                      style="border-style: none" readonly="readonly" /></span>
                </li>
                <li v-show="dianya" style="
                      width: 100%;
                      height: 0.2rem;
                      display: inline-block;
                      text-align: center;
                      color: #aeaeb3;
                    ">
                  只可为330kV、220kV、110kV、35kV、10kV、6kV
                </li>
              </ul>
            </div>
            <div class="productData">
              <ul class="description">
                <li>
                  <p>相别</p>
                  <span id="mod">
                    <input id="test" type="text" style="border-style: none" readonly="readonly" value="A" />
                    <input id="test" type="text" style="border-style: none" readonly="readonly" value="B" />
                    <input id="test" type="text" style="border-style: none" readonly="readonly" value="C" />
                  </span>
                </li>
                <li>
                  <p>温度值(μl/L)</p>
                  <span id="mod">
                    <input id="test" type="number" v-model="signRule['湿度值_A']" :style='{"color":colors["湿度值_A"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="number" v-model="signRule['湿度值_B']" :style='{"color":colors["湿度值_B"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="number" v-model="signRule['湿度值_C']" :style='{"color":colors["湿度值_C"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                  </span>
                </li>
                <li v-show="wenD" style="
                      width: 100%;
                      height: 0.2rem;
                      display: inline-block;
                      text-align: center;
                      color: #aeaeb3;
                    ">
                  温度值只可保留一位小数
                </li>
                <li>
                  <p>纯度(%)</p>
                  <span id="mod" style="
                        display: flex;
                        text-align: center;
                        font-size: 0.7rem;
                      ">
                    <input id="test" type="text" v-model="signRule['纯度_A']" :style='{"color":colors["纯度_A"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule['纯度_B']" :style='{"color":colors["纯度_B"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule['纯度_C']" :style='{"color":colors["纯度_C"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                  </span>
                </li>
                <li v-show="chun" style="
                      width: 100%;
                      height: 0.2rem;
                      display: inline-block;
                      text-align: center;
                      color: #aeaeb3;
                    ">
                  值小于100%
                </li>
                <li class="four">
                  <p>系统测试温度</p>
                  <span id="mod">
                    <input id="test" type="text" v-model="signRule['系统测试温度_A']" :style='{"color":colors["系统测试温度_A"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule['系统测试温度_B']" :style='{"color":colors["系统测试温度_B"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule['系统测试温度_C']" :style='{"color":colors["系统测试温度_C"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                  </span>
                </li>
                <li v-show="xt" style="
                      width: 100%;
                      height: 0.2rem;
                      display: inline-block;
                      text-align: center;
                      color: #aeaeb3;
                    ">
                  此值只能为整数
                </li>
                <li>
                  <p>SO2+SOF2</p>
                  <span id="mod">
                    <input id="test" type="text" v-model="signRule.SO2_A" :style='{"color":colors.SO2_A}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule.SO2_B" :style='{"color":colors.SO2_B}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule.SO2_C" :style='{"color":colors.SO2_C}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                  </span>
                </li>
                <li>
                  <p>H₂S</p>
                  <span id="mod">
                    <input id="test" type="text" v-model="signRule.H2S_A" :style='{"color":colors.H2S_A}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule.H2S_B" :style='{"color":colors.H2S_B}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule.H2S_C" :style='{"color":colors.H2S_C}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                  </span>
                </li>
                <li>
                  <p>HF/CF4</p>
                  <span id="mod">
                    <input id="test" type="text" v-model="signRule['HF/CF4_A']" :style='{"color":colors["HF/CF4_A"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule['HF/CF4_B']" :style='{"color":colors["HF/CF4_B"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule['HF/CF4_C']" :style='{"color":colors["HF/CF4_C"]}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                  </span>
                </li>
                <li>
                  <p>CO</p>
                  <span id="mod">
                    <input id="test" type="text" v-model="signRule.CO_A" :style='{"color":colors.CO_A}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule.CO_B" :style='{"color":colors.CO_B}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                    <input id="test" type="text" v-model="signRule.CO_C" :style='{"color":colors.CO_C}'
                      style="border-style: none; font-size: 0.26rem" readonly="readonly" value="123" />
                  </span>
                </li>
                <li v-show="decompositionProducts" style="
                      width: 100%;
                      height: 0.2rem;
                      display: inline-block;
                      text-align: center;
                      color: #aeaeb3;
                    ">
                  可填0或只可保留一位小数
                </li>
              </ul>
            </div>
            <div class="productComparison">
              <ul class="description">
                <li>
                  <p>规程及标准</p>
                  <span><input type="text" id="test" type="text" v-model="signRule['规程及标准']"
                      :style='{"color":colors["规程及标准"]}' style="border-style: none" readonly="readonly"
                      value="123" /></span>
                </li>
                <li>
                  <p>使用仪器</p>
                  <span><input type="text" id="test" type="text" v-model="signRule['使用仪器']"
                      :style='{"color":colors["使用仪器"]}' style="border-style: none" readonly="readonly"
                      value="123" /></span>
                </li>
                <li>
                  <p>结论</p>
                  <span><input type="text" id="test" type="text" v-model="signRule['结论']"
                      :style='{"color":colors["结论"]}' style="border-style: none" readonly /></span>
                </li>
                <li v-show="jieLun" style="
                      width: 100%;
                      height: 0.2rem;
                      display: inline-block;
                      text-align: center;
                      color: #aeaeb3;
                    ">
                  选填正常或着合格
                </li>
                <li>
                  <p>试验人员</p>
                  <span><input type="text" id="test" type="text" v-model="signRule['试验人员']"
                      :style='{"color":colors["试验人员"]}' style="border-style: none" readonly="readonly"
                      value="123" /></span>
                </li>
                <li>
                  <p>报告整理</p>
                  <span><input type="text" id="test" type="text" v-model="signRule['报告整理']"
                      :style='{"color":colors["报告整理"]}' style="border-style: none" readonly="readonly"
                      value="123" /></span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="foot" v-show="display">
      <button id="openFile" class="mui-btn mui-btn-primary tag-read" @click="toWrite" type="button">
        编辑文本
      </button>
      <button id="openFile" class="mui-btn mui-btn-primary" @click="mailbox" type="button">
        发送邮箱
      </button>
    </div>
    <div class="foot" v-show="displays">
      <button id="openFile" class="mui-btn mui-btn-primary tag-read" @click="Sure()" type="button">
        确定
      </button>
      <button id="openFile" class="mui-btn mui-btn-primary" @click="Cancel" type="button">
        取消
      </button>
    </div>
  </div>
  <script>
    new Vue({
      el: "#app",
      data() {
        return {
          // clipboard: sessionStorage.getItem("clipboard"),
          // 底部
          display: "black",
          displays: "",
          // 电压
          dianya: "",
          // 结论
          jieLun: "",
          // 温度
          wenD: "",
          // 纯度
          chun: "",
          // 系统
          xt: "",
          // 分解产物
          decompositionProducts: "",
          signRule: {
            // 变电站: 123,
            // 试验日期: 123,
            // 环境湿度: 123,
            // 设备名称: 123,
            // 设备编号: 123,
            // 电压等级: "110kV",
            // 系统测试温度_A: 12,
            // 系统测试温度_B: 12,
            // 系统测试温度_C: 12,
            // 湿度值_A: 12.3,
            // 湿度值_B: 12.3,
            // 湿度值_C: 12.3,
            // 纯度_A: "12.3%",
            // 纯度_B: 12.3 + "%",
            // 纯度_C: 12.3 + "%",
            // 结论: "合格",
            // SO2_A: 2.1,
            // SO2_B: 2.1,
            // SO2_C: 2.1,
            // H2S_A: 2.1,
            // H2S_B: 2.1,
            // H2S_C: 2.1,
            // "HF/CF4_A": 2.1,
            // "HF/CF4_B": 2.1,
            // "HF/CF4_C": 2.2,
            // CO_A: 2.2,
            // CO_B: 2.2,
            // CO_C: 2.2,
          },
          raise: {},
          index: {},
          fileName: localStorage.getItem("fileName"),
          tAttachmentId: sessionStorage.getItem("tAttachmentId"),
          // 弹出框
          addData: {},
          // 颜色
          colorConfirm: {
            color1: "#000000",
            color2: "#EEEE00",
            color3: "#CD0000",
          },
          getEmailID: sessionStorage.getItem("toMail"),
          colors: {},
        };
      },
      created() {
        this.compatibleInput();
        this.getNotification();
      },
      methods: {
        // 进入函数
        compatibleInput() {
          var signRule = JSON.parse(localStorage.getItem("clipboard"));
          (signRule["timestamp"] = new Date().getTime() + ""),
            (this.signRule = signRule);
          this.colors = JSON.parse(localStorage.getItem("color"));
          this.signRule['湿度值_A'] =
            this.signRule['湿度值_A'] == "" ? "/" : this.signRule['湿度值_A'];
          this.signRule['湿度值_B'] =
            this.signRule['湿度值_B'] == "" ? "/" : this.signRule['湿度值_B'];
          this.signRule['湿度值_C'] =
            this.signRule['湿度值_C'] == "" ? "/" : this.signRule['湿度值_C'];
          this.signRule['纯度_A'] =
            this.signRule['纯度_A'] == "" ? "/" : this.signRule['纯度_A'];
          this.signRule['纯度_B'] =
            this.signRule['纯度_B'] == "" ? "/" : this.signRule['纯度_B'];
          this.signRule['纯度_C'] =
            this.signRule['纯度_C'] == "" ? "/" : this.signRule['纯度_C'];
          this.signRule['系统测试温度_A'] =
            this.signRule['系统测试温度_A'] == "" ? "/" : this.signRule['系统测试温度_A'];
          this.signRule['系统测试温度_B'] =
            this.signRule['系统测试温度_B'] == "" ? "/" : this.signRule['系统测试温度_B'];
          this.signRule['系统测试温度_C'] =
            this.signRule['系统测试温度_C'] == "" ? "/" : this.signRule['系统测试温度_C'];
          this.signRule.SO2_A =
            this.signRule.SO2_A == "" ? "/" : this.signRule.SO2_A;
          this.signRule.SO2_B =
            this.signRule.SO2_B == "" ? "/" : this.signRule.SO2_B;
          this.signRule.SO2_C =
            this.signRule.SO2_C == "" ? "/" : this.signRule.SO2_C;
          this.signRule.H2S_A =
            this.signRule.H2S_A == "" ? "/" : this.signRule.H2S_A;
          this.signRule.H2S_B =
            this.signRule.H2S_B == "" ? "/" : this.signRule.H2S_A;
          this.signRule.H2S_C =
            this.signRule.H2S_C == "" ? "/" : this.signRule.H2S_A;
          this.signRule.CO_A =
            this.signRule.CO_A == "" ? "/" : this.signRule.CO_A;
          this.signRule.CO_B =
            this.signRule.CO_B == "" ? "/" : this.signRule.CO_B;
          this.signRule.CO_C =
            this.signRule.CO_C == "" ? "/" : this.signRule.CO_C;
          this.signRule['HF/CF4_A'] =
            this.signRule['HF/CF4_A'] == "" ? "/" : this.signRule['HF/CF4_A'];
          this.signRule['HF/CF4_B'] =
            this.signRule['HF/CF4_B'] == "" ? "/" : this.signRule['HF/CF4_B'];
          this.signRule['HF/CF4_C'] =
            this.signRule['HF/CF4_C'] == "" ? "/" : this.signRule['HF/CF4_C'];
        },
        getNotification() {
          if (localStorage.getItem("notification") == "001") {
            console.log(1234);
            var btnArray = ["取消", "确定"];
            mui.confirm(
              "此数据为上次未保存数据，是否继续使用？",
              "消息提醒",
              btnArray,
              (e) => {
                if (e.index == 0) {
                  localStorage.clear();
                  $(location).attr("href", "WorkTicket.html");
                }
              }
            );
          }
        },
        // 发送邮箱
        mailbox() {
          let dateFormTime =
            /((\d{3}[1-9]|\d{2}[1-9]\d|\d[1-9]\d{2}|[1-9]\d{3})(((0[13578]|1[02])(0[1-9]|[12]\d|3[01]))|((0[469]|11)(0[1-9]|[12]\d|30))|(02(0[1-9]|[1]\d|2[0-8]))))|(((\d{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))0229)/;
          let times =
            /^(\d{4})[- /.]([1-9]|0[1-9]|1[012])[- /.]([1-9]|0[1-9]|[12][0-9]|3[01])$/;
          if (this.signRule["试验日期"]) {
            if (
              times.test(this.signRule["试验日期"]) &&
              !dateFormTime.test(this.signRule["试验日期"])
            ) {
              this.boxReturn();
            } else if (
              !times.test(this.signRule["试验日期"]) &&
              dateFormTime.test(this.signRule["试验日期"])
            ) {
              this.boxReturn();
            } else {
              mui.toast("试验日期格式有误");
            }
          } else {
            this.boxReturn();
          }
        },
        //发送邮箱
        boxReturn() {
          let userId = sessionStorage.getItem("userId");
          let orgId = sessionStorage.getItem("unitId");
          $(".loader").css("display", "block");
          $(".curtain").css("display", "block");
          let data = {
            messageTitle: "试验报告", //场景名称(身份证识别、增值税识别、火车票识别、手写文字识别、打印文字识别、pdf转word）
            sceneNo: "81",
            fileName: this.fileName, //文本名称
            tAttachmentId: this.tAttachmentId,
            fileExt: "jpg", //文本后缀名称
            // fileContent: this.signRule, //识别后内容
            message: this.signRule,
            orgId: orgId, //单位id
            userId: userId, //用户id
            userName: userName, //用户名称
            toMail: toMail, //发送给谁 453707600@qq.com  15146764979@163.com
            timestamp: new Date().getTime() + "",
            temp: this.signRule,
            reportCode: "001",
          };
          let mailboxReturn = mailbox(
            data.messageTitle,
            data.sceneNo,
            data.fileName,
            data.fileExt,
            data.message,
            data.orgId,
            data.userId,
            data.userName,
            data.toMail,
            data.timestamp,
            data.temp,
            data.reportCode
          );
          // return
          $(".loader").css("display", "none");
          $(".curtain").css("display", "none");
          if (mailboxReturn == 200) {
            addOperator(2, 10, "发送邮箱", 1, 1, "发送邮箱成功");
            localStorage.clear();
            // return
            $(location).attr("href", "Home.html");
          } else {
            addOperator(2, 10, "发送邮箱", 1, 0, "发送邮箱失败");
          }
        },
        // 编写
        toWrite(item) {
          this.display = "";
          this.displays = "block";
          var txtN = document.getElementsByTagName("input");
          for (i = 0; i < txtN.length; i++) {
            if ((txtN[i].type = "text")) {
              txtN[i].readOnly = false;
            }
          }
          // 为了取消按钮
          localStorage.setItem("obj", JSON.stringify(this.signRule));
        },
        // 确定
        Sure() {
          var txtN = document.getElementsByTagName("input");

          // 控制电压
          const f = this.signRule["电压等级"].replace(/[^0-9]/gi, "");
          if (
            f == 6 ||
            f == 10 ||
            f == 35 ||
            f == 110 ||
            f == 220 ||
            f == 330
          ) {
            for (i = 0; i < txtN.length; i++) {
              if ((txtN[i].type = "text")) {
                txtN[i].readOnly = true;
              }
            }
            this.display = "block";
            this.displays = "";
            this.dianya = "";
            // 控制结论
            if (
              this.signRule["结论"] == "合格" ||
              this.signRule["结论"] == "正常"
            ) {
              for (i = 0; i < txtN.length; i++) {
                if ((txtN[i].type = "text")) {
                  txtN[i].readOnly = true;
                }
              }
              this.display = "block";
              this.displays = "";
              this.jieLun = "";
              // 控制温度值
              let n = this.signRule["湿度值_A"];
              let nStrL = n.toString().split(".");
              let a = nStrL[1].length;
              let m = this.signRule["湿度值_B"];
              let nStrLi = m.toString().split(".");
              let b = nStrLi[1].length;
              let v = this.signRule["湿度值_C"];
              let nStrList = v.toString().split(".");
              let c = nStrList[1].length;
              if (a == 1 && b == 1 && c == 1) {
                for (i = 0; i < txtN.length; i++) {
                  if ((txtN[i].type = "text")) {
                    txtN[i].readOnly = true;
                  }
                }
                this.display = "block";
                this.displays = "";
                this.wenD = "";
                // 纯度

                let n1 = this.signRule["纯度_A"];
                let nStrL1 = n1.toString().split(".");
                let a1 = nStrL1[0];
                let m1 = this.signRule["纯度_B"];
                let nStrLi1 = m1.toString().split(".");
                let b1 = nStrLi1[0];
                let v1 = this.signRule["纯度_C"];
                let nStrList1 = v1.toString().split(".");
                let c1 = nStrList1[0];
                // let d = (100 + "%")
                if (a1 < 100 && b1 < 100 && c1 < 100) {
                  for (i = 0; i < txtN.length; i++) {
                    if ((txtN[i].type = "text")) {
                      txtN[i].readOnly = true;
                    }
                  }
                  this.display = "block";
                  this.displays = "";
                  this.chun = "";
                  // 系统
                  if (
                    Math.round(this.signRule["系统测试温度_A"]) ==
                    this.signRule["系统测试温度_A"] &&
                    Math.round(this.signRule["系统测试温度_B"]) ==
                    this.signRule["系统测试温度_B"] &&
                    Math.round(this.signRule["系统测试温度_C"]) ==
                    this.signRule["系统测试温度_C"]
                  ) {
                    for (i = 0; i < txtN.length; i++) {
                      if ((txtN[i].type = "text")) {
                        txtN[i].readOnly = true;
                      }
                    }
                    this.display = "block";
                    this.displays = "";
                    this.xt = "";
                    // 分解产物
                    // so2
                    if (
                      this.signRule.SO2_A != 0 &&
                      this.signRule.SO2_B != 0 &&
                      this.signRule.SO2_C != 0 &&
                      this.signRule.H2S_A != 0 &&
                      this.signRule.H2S_B != 0 &&
                      this.signRule.H2S_C != 0 &&
                      this.signRule["HF/CF4_A"] != 0 &&
                      this.signRule["HF/CF4_B"] != 0 &&
                      this.signRule["HF/CF4_C"] != 0 &&
                      this.signRule.CO_A != 0 &&
                      this.signRule.CO_B != 0 &&
                      this.signRule.CO_C != 0
                    ) {
                      let soA = this.signRule.SO2_A.toString().split(".");
                      let asoA = soA[1].length;

                      let soB = this.signRule.SO2_B.toString().split(".");
                      let asoB = soB[1].length;

                      let soC = this.signRule.SO2_C.toString().split(".");
                      let asoC = soC[1].length;

                      // H2S
                      let H2SA = this.signRule.H2S_A.toString().split(".");
                      let aH2SA = H2SA[1].length;

                      let H2SB = this.signRule.H2S_B.toString().split(".");
                      let aH2SB = H2SB[1].length;

                      let H2SC = this.signRule.H2S_C.toString().split(".");
                      let aH2SC = H2SC[1].length;

                      // HF
                      let HFA = this.signRule["HF/CF4_A"]
                        .toString()
                        .split(".");
                      let aHFA = HFA[1].length;

                      let HFB = this.signRule["HF/CF4_B"]
                        .toString()
                        .split(".");
                      let aHFB = HFB[1].length;

                      let HFC = this.signRule["HF/CF4_C"]
                        .toString()
                        .split(".");
                      let aHFC = HFC[1].length;

                      // CO
                      let COA = this.signRule.CO_A.toString().split(".");
                      let aCOA = COA[1].length;

                      let COB = this.signRule.CO_B.toString().split(".");
                      let aCOB = COB[1].length;

                      let COC = this.signRule.CO_C.toString().split(".");
                      let aCOC = COC[1].length;
                      if (
                        asoA == 1 &&
                        asoB == 1 &&
                        asoC == 1 &&
                        aH2SA == 1 &&
                        aH2SB == 1 &&
                        aH2SC == 1 &&
                        aHFA == 1 &&
                        aHFB == 1 &&
                        aHFC == 1 &&
                        aCOA == 1 &&
                        aCOB == 1 &&
                        aCOC == 1
                      ) {
                        for (i = 0; i < txtN.length; i++) {
                          if ((txtN[i].type = "text")) {
                            txtN[i].readOnly = true;
                          }
                        }
                        this.decompositionProducts = "";
                        this.displays = "";
                        this.display = "block";
                      } else {
                        mui.toast("气体值输入有误");
                        this.decompositionProducts = "block";
                        this.displays = "block";
                        this.display = "";
                        for (i = 0; i < txtN.length; i++) {
                          if ((txtN[i].type = "text")) {
                            txtN[i].readOnly = false;
                          }
                        }
                      }
                    } else {
                      this.decompositionProducts = "";
                      this.displays = "";
                      this.display = "block";
                      for (i = 0; i < txtN.length; i++) {
                        if ((txtN[i].type = "text")) {
                          txtN[i].readOnly = true;
                        }
                      }
                    }
                  } else {
                    mui.toast("测试温度值输入有误");
                    this.xt = "block";
                    this.displays = "block";
                    this.display = "";
                    for (i = 0; i < txtN.length; i++) {
                      if ((txtN[i].type = "text")) {
                        txtN[i].readOnly = false;
                      }
                    }
                  }
                } else {
                  mui.toast("纯度值输入有误");
                  this.chun = "block";
                  this.displays = "block";
                  this.display = "";
                  for (i = 0; i < txtN.length; i++) {
                    if ((txtN[i].type = "text")) {
                      txtN[i].readOnly = false;
                    }
                  }
                }
              } else {
                mui.toast("温度值输入有误");
                this.wenD = "block";
                this.displays = "block";
                this.display = "";
                for (i = 0; i < txtN.length; i++) {
                  if ((txtN[i].type = "text")) {
                    txtN[i].readOnly = false;
                  }
                }
              }
            } else {
              mui.toast("结论信息输入有误");
              this.displays = "block";
              this.display = "";
              this.jieLun = "black";
              for (i = 0; i < txtN.length; i++) {
                if ((txtN[i].type = "text")) {
                  txtN[i].readOnly = false;
                }
              }
            }
          } else {
            mui.toast("电压值输入有误");
            this.displays = "block";
            this.display = "";
            this.dianya = "block";
            for (i = 0; i < txtN.length; i++) {
              if ((txtN[i].type = "text")) {
                txtN[i].readOnly = false;
              }
            }
          }
          //日期
          let dateFormTime =
            /((\d{3}[1-9]|\d{2}[1-9]\d|\d[1-9]\d{2}|[1-9]\d{3})(((0[13578]|1[02])(0[1-9]|[12]\d|3[01]))|((0[469]|11)(0[1-9]|[12]\d|30))|(02(0[1-9]|[1]\d|2[0-8]))))|(((\d{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))0229)/;
          let times =
            /^(\d{4})[- /.]([1-9]|0[1-9]|1[012])[- /.]([1-9]|0[1-9]|[12][0-9]|3[01])$/;
          if (
            times.test(this.signRule["试验日期"]) &&
            !dateFormTime.test(this.signRule["试验日期"])
          ) {
          } else if (
            !times.test(this.signRule["试验日期"]) &&
            dateFormTime.test(this.signRule["试验日期"])
          ) {
          } else {
            mui.toast("试验日期格式有误");
            this.displays = "block";
            this.display = "";
            for (i = 0; i < txtN.length; i++) {
              if ((txtN[i].type = "text")) {
                txtN[i].readOnly = false;
              }
            }
          }
          // 存储到local storage
          localStorage.setItem("clipboard", JSON.stringify(this.signRule));
        },
        // 取消
        Cancel() {
          // 取消后数据不变
          let Item = JSON.parse(localStorage.getItem("obj"));
          this.addData = Item;
          this.signRule = this.addData;
          this.display = "block";
          this.displays = "";
          this.dianya = "";
          this.jieLun = "";
          this.wenD = "";
          this.xt = "";
          this.decompositionProducts = "";
          var txtN = document.getElementsByTagName("input");
          for (i = 0; i < txtN.length; i++) {
            if ((txtN[i].type = "text")) {
              txtN[i].readOnly = true;
            }
          }
          localStorage.setItem("clipboard", JSON.stringify(this.signRule));
        },

        zhuce() {
          // document.getElementById("confirmBtn").addEventListener('tap', function() {
          // if (this.getEmailID !== "null") {
          var btnArray = ["取消", "确定"];
          mui.confirm(
            "扫描信息尚未保存,确定返回上一步吗？",
            "消息提醒",
            btnArray,
            (e) => {
              if (e.index == 1) {
                localStorage.clear();
                $(location).attr("href", "Home.html");
              }
            }
          );
          // } else {
          //   $(location).attr("href", "zhu_ce.html");
          // }

          // });
          // $(location).attr("href", "zhu_ce.html");
        },
      },
    });
  </script>
</body>

</html>

<body></body>